page-live-show-situation {
    @function pxToVw($px) {
        @return $px/1080*100vw;
    }
    ion-header {
        ion-select {
            position: relative;
            -webkit-border-radius: 2vw;
            -moz-border-radius: 2vw;
            border-radius: 2vw;
            margin: 2vw 0 2vw pxToVw(60);
            width: pxToVw(400);
            height: pxToVw(81);
            border: pxToVw(2) solid #d0d0d0;
            padding: 0 3vw 0 pxToVw(39) !important;
            .select-text {
                height: pxToVw(81);
                width: pxToVw(258);
                text-align: center;
                line-height: pxToVw(81);
                &.select-placeholder {
                    color: #1f212a;
                }
            }
            .select-icon {
                .select-icon-inner {
                    border: none !important;
                    height: pxToVw(24) !important;
                    width: pxToVw(24) !important;
                    margin-top: pxToVw(3) !important;
                    background: url("../assets/images/common/arrow.png") no-repeat;
                    background-size: cover;

                }
            }
        }

        .fixed-bar {
            div {
                display: inline-block;
                height: pxToVw(140);
            }

            .select-warp {
                position: relative;
                //width: pxToVw(380);
              //  padding:0 pxToVw(40);
                padding:0 9vw 0 pxToVw(40);
                border: solid pxToVw(2) #d0d0d0;
                -webkit-border-radius: pxToVw(12);
                -moz-border-radius: pxToVw(12);
                border-radius: pxToVw(12);
                height:pxToVw(81);
                margin:pxToVw(45) pxToVw(60);
                line-height: pxToVw(81);

                i{
                    display: inline-block;
                    position: absolute;
                    right:pxToVw(40);
                    top: 50%;
                    margin-top:pxToVw(-10);
                    height:pxToVw(24);
                    width:pxToVw(26);
                    background: url('../assets/images/myTeam/group-arrow.png') no-repeat;
                    background-size:cover;
                }
            }

            .filter-warp {
                float: right;
            }

            .button-ios {
                margin-top:pxToVw(30);
                padding: 0;
                width: pxToVw(180);
                height: pxToVw(80);
                color: #fff;
                border-radius: pxToVw(40);
                float: left;
                font-size: pxToVw(39);
            }
            .filter-btn {
                background-color: #35ac63;
                margin-right: pxToVw(60);
                i {
                    display: inline-block;
                    width: pxToVw(39);
                    height: pxToVw(39);
                    background-image: url('../assets/images/activity/roster-list/filter.png');
                    background-size: 100% 100%;
                    margin-right: pxToVw(6);
                }
            }
        }
        //}
        .performanceHead {
            background: #fff;
            border-top: pxToVw(2) solid #e9e9e9;
            .groupType {
                height: pxToVw(140);
                padding: 0 pxToVw(30);
                color: #1f212a;
                font-size: pxToVw(42);
                font-weight: bold;
                display: flex;
                align-items: center;
                box-shadow: 0.55556vw 0.55556vw 2.77778vw 0 rgba(0, 0, 0, 0.1);
                span {
                    float: left;
                   // line-height: pxToVw(140);
                    //width: 21%;
                    width: pxToVw(181);
                    text-align: center;
                }
                .watched {
                    //padding-left: 6vw;
                    width:pxToVw(171);
                }
                .typeName {
                    //width: 20%;
                    width: pxToVw(131);
                }
                .thisYear {
                    //width: 20%;
                    width: pxToVw(297);
                }
                .divLeft {
                    // float: left;
                    //width: 22%;
                    width: pxToVw(240);
                    //  padding-top: 2vw;
                    text-align: center;
                   // padding-left: 1.5vw;
                    // line-height: pxToVw(100);
                }
            }
        }
    }
    ion-content {
        .groupList {
            padding: pxToVw(30) pxToVw(30);
            .groupItem {
                background: #fff;
               // width: pxToVw(1026);
               // padding-left: 1vw;
                min-height: pxToVw(189);
                margin-bottom: pxToVw(45);
                box-shadow: 0 0 pxToVw(30) rgba(0, 0, 0, 0.1);
                position: relative;
                display: flex;
                align-items: center;
                .leaderName {
                    font-size: pxToVw(42);
                    color: #35ac63;
                    //width: 21%;
                    width: pxToVw(240);
                    text-align: center;
                    word-break: break-all;
                    padding:0 1vw;
                }
                .groupRight {
                    color: #333333;
                   // font-size: pxToVw(42);
                    float: right;
                   // width: 78%;
                   // padding-left: 1vw;
                    span {
                        //width: 20%;
                        width: pxToVw(181);
                        text-align: center;
                        font-size: pxToVw(42);
                      //  display: inline-block;
                        float: left;
                    }

                    .showTime {
                        //width: 37%;
                        width: pxToVw(297);
                    }
                    .title {
                        width: pxToVw(131);
                        //width: 15% !important;
                    }
                    .watched{
                        width: pxToVw(171);
                    }
                }
            }
        }
    }
    .fab-ios-light {
        background-color: transparent;
        background-color: #fff;
        width: 8.89vw;
        height: 8.89vw;
        .go-up-icon {
            max-width: none;
            width: 8.89vw;
            height: 8.89vw;
        }
    }
    ion-fab[bottom] {
        right:pxToVw(60);
        bottom: pxToVw(60);
    }
    ion-footer {
        background: linear-gradient(to right, #63b24c, #018c6e);
        height: pxToVw(140);
        color: #fff;
        div {
            padding: 0 pxToVw(30);
            span {
                float: left;
                text-align: center;
                height: pxToVw(140);
                line-height: pxToVw(140);
                font-size: pxToVw(46);
            }
            span:nth-child(1){
                width:pxToVw(240);
            }
            span:nth-child(2) {
                width:pxToVw(131);
            }
            span:nth-child(3) {
                width:pxToVw(297);
            }
            span:nth-child(4) {
                width:pxToVw(171);
            }
            span:nth-child(5){
                width:pxToVw(181);
            }
        }
    }
}

// 更改ion-select 样式
.liveShowSel {

    .action-sheet-group:first-child {
        margin-top: 66vw;
    }
    .action-sheet-group:first-child {
        // padding-top: 5.6rem;
    }
    .action-sheet-group {
        position: relative;
        .action-sheet-title {
            min-height: 5.6rem;
            position: fixed;
            top: 66vw;
            text-align: center;
            width: 94%;
            border-radius: 5px;
            // background: transparent;
           // background: #fff;
        }
    }
    .action-sheet-selected {
        color: #07a963 !important;
        font-weight: normal;
    }
}
// 更改ion-select 样式
.mySelect {

    .action-sheet-group{
        position: relative;
        .action-sheet-title{
            position: fixed;
        }
        button:nth-child(2){
            margin-top: 13vw;
        }
    }

}
